<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>seven网上商城</title>
<link href="${pageContext.request.contextPath}/css/common.css" rel="stylesheet" type="text/css"/>
<link href="${pageContext.request.contextPath}/css/product.css" rel="stylesheet" type="text/css"/>
<link href="${pageContext.request.contextPath}/css/proeval.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/product.js"></script>
<link rel="shortcut icon" href="${pageContext.request.contextPath}/images/tit.ico" type="image/x-icon" />
<script type="text/javascript">
  function look_up1(id){

  }
</script>
</head>
<body>

<div class="container header">
	<div class="span5">
		<div class="logo">
			<a>
				<img src="${pageContext.request.contextPath}/images/018.png" alt="seven商城"/>
			</a>
		</div>
	</div>
	<div class="span9">
<div class="headerAd">
					<img src="${pageContext.request.contextPath}/images/header.jpg" alt="正品保障" title="正品保障" height="50" width="320"/>
</div>	</div>
	<%@ include file="menu.jsp" %>
</div><div class="container productContent">

		<div class="span18 last">
			
			<div class="productImage">
					<a title="" style="outline-style: none; text-decoration: none;" id="zoom" href="${pageContext.request.contextPath}/images/header.jpg" rel="gallery">
						<div class="zoomPad">
						  <img style="opacity: 1;" title="" class="medium" src="${pageContext.request.contextPath}/web-image/book-image/${book.image}"/>
						  <div style="display: block; top: 0px; left: 162px; width: 0px; height: 0px; position: absolute; border-width: 1px;" class="zoomPup"></div>
						  <div style="position: absolute; z-index: 5001; left: 312px; top: 0px; display: block;" class="zoomWindow">
							  <div style="width: 368px;" class="zoomWrapper">
								    <div style="width: 100%; position: absolute; display: none;" class="zoomWrapperTitle">
								    </div>
								    <div style="width: 0%; height: 0px;" class="zoomWrapperImage">
								      <img src="%E5%B0%9A%E9%83%BD%E6%AF%94%E6%8B%89%E5%A5%B3%E8%A3%852013%E5%A4%8F%E8%A3%85%E6%96%B0%E6%AC%BE%E8%95%BE%E4%B8%9D%E8%BF%9E%E8%A1%A3%E8%A3%99%20%E9%9F%A9%E7%89%88%E4%BF%AE%E8%BA%AB%E9%9B%AA%E7%BA%BA%E6%89%93%E5%BA%95%E8%A3%99%E5%AD%90%20%E6%98%A5%E6%AC%BE%20-%20Powered%20By%20Mango%20Team_files/6d53c211-2325-41ed-8696-d8fbceb1c199-large.jpg" style="position: absolute; border: 0px none; display: block; left: -432px; top: 0px;"/>
								    </div>
							 </div>
						  </div>
						 
						 <div style="visibility: hidden; top: 129.5px; left: 106px; position: absolute;" class="zoomPreload"/>Loading zoom
					   
				  </a>
			 </div>

	  </div>
						
  </div>
			
			<div class="name">${book.bname}</div>
			<div class="sn">
				<div>编号：${book.bsid}</div>
			</div>
			<div class="info">
				<dl>
					<dt>商城价:</dt>
					<dd>
						<strong>￥${book.price-10}元</strong>
						市场价：<del>￥${book.price}元</del>
							
					</dd>
				</dl>
					<dl>
						<dt>促销:</dt>
						<dd>
							<a target="_blank" title="限时抢购 (2015-07-30 ~ 2016-01-01)">限时抢购</a>
							
						</dd>
					</dl>
					<dl>
						<dt>    </dt>
						<dd>
							<span>    </span>
						</dd>
					</dl>
			</div>
			<form id="cartForm" action="${pageContext.request.contextPath}/cart_addCart" method="post" >
				<%--设置商品的pid，以便于在购物项中获取 --%>
				<input type="hidden" name="pid" value="${book.bsid}"/>
				
				<div class="action">
						<dl class="quantity">
							<dt>购买数量:</dt>
							<dd>
								<input id="count" name="count" value="1" maxlength="4" onpaste="return false;" type="text"/>
								<div>
									<span id="increase" onclick="plus()" class="increase">&nbsp;</span>
									<span id="decrease" onclick="reduce()" class="decrease">&nbsp;</span>
								</div>
							</dd>
							<dd>
								件
							</dd>
						</dl>
					<div class="buy">
							<input style="color: black;font-family: 'Nirmala UI'" id="addCart" class="addCart" value="加入购物车" type="button" onclick="saveCart()"/>
					</div>
				</div>
			  </form>


			<div id="introduction" name="introduction" class="introduction">
					<div class="title">
						<strong onclick="look_up1()" style="cursor:pointer;">商品评价</strong>
					</div>
				<div>

            <c:if test="${elist ne null}">
              <c:forEach var="e" items="${elist}">
                <div class="comment">
                  <div class="comment_left">
                    <span><img width="50px" height="50px" src="${pageContext.request.contextPath}/images/toux.png"/></span>
                    <span class="comment_left_username">${e.user.name}</span>
                  </div>
                  <div class="comment_right">
                    <div class="comment_right_top">满意度：${e.evaluate.degree}</div>
                    <div class="comment_right_mid">评价内容：${e.evaluate.context}</div>
                    <div class="comment_right_end">评价时间：${e.evaluate.evaluatetime}</div>
                  </div>


                </div>
              </c:forEach>
            </c:if>
            <c:if test="${elist eq []}">
				<span><img src="${pageContext.request.contextPath}/images/catcry.gif" width="100" height="100"/></span>
				<span style="font-size: 20px;">
	                  亲，该书籍还未有人来踩，请去发表你的评论吧!<a style="color: blue" href="${pageContext.request.contextPath}/app/Evaluate/sendToAddEvaluate?bsid=${book.bsid}"><img src="${pageContext.request.contextPath}/images/timg%20.jpg" alt=""/>点击发表评论</a>
	          </span>
            </c:if>


					<hr/>

				</div>


				<div class="title">
						<strong>商品介绍</strong>
					</div>
					<div>
						<img src="${pageContext.request.contextPath}/web-image/book-image/${book.image}" width="720px" height="400px;"/><br/>
						
					</div>
					<div class="title">
						<strong>详情描述</strong>
					</div>
					<div style="border-bottom:1px solid #ccc;">
					    <strong style="font-size:20px;">${book.desc}</strong>
					</div>
				</div>
				
		</div>
	</div>
	<%--尾部 --%>
	<%@ include file="bottom.jsp"%>
</body>
</html>